<script setup>
import axios from 'axios'
import {ref} from 'vue'
import md5 from 'md5'
function fn(){
  const obj =  ref({
    "loginName": "15575185892",
    "passwordMd5": "00000000"
  })
  // obj.value.passwordMd5 = md5(obj.value.passwordMd5)
  axios({
    url:'/api/login',
    method: 'get',
    params: obj.value
  }).then(res=>{
    console.log(res);
  })
  console.log(obj.value)
}
</script>

<template>
<div class="settle">
  <el-row class="goods-settle" >
  <el-col :span="24">
    <p>填写并核对订单信息</p>
  </el-col>
   <el-col :span="24">
    <el-button type="primary" round size @click="fn">提交订单</el-button>
  </el-col>
</el-row>
 <el-steps class="progress" :active="2">
    <el-step title="购物车" description="" />
    <el-step title="下单" description="" />
    <el-step title="付款" description="" />
    <el-step title="出库" description="" />
    <el-step title="交易成功" description="" />
  </el-steps>
</div>
</template>

<style lang="scss" scoped>
.settle{
  padding: 20px 50px;
  .goods-settle{
    .el-col:nth-child(2){
      display: flex;
      justify-content: end;
      border-bottom: 1px solid #ccc;
      padding-bottom: 10px ;
      .el-button{
        width: 150px;
        height: 50px;
      }
    }
    
}
.progress{
      margin-top: 20px;
    }
}

</style>
